<template>
  <footer class="w-full h-118px bg-#282C2F">
    <div class="w-1200px mx-auto pt-43px flex items-center">
      <img src="../assets/images/logo-bottom@2x.png" alt="" class="w-245px" />
      <div class="w-1.5px h-40px bg-#fff mx-33px"></div>
      <div class="mr-45px text-#999 lh-12px text-12px whitespace-nowrap">
        <p class="m-0 mb-15px">北京市东城区和平里东街11号7号2-A5号</p>
        <div class="flex items-center">
          <p>Copyright@职虎AllRighisRerserved.</p>
          <p class="m-0 mr-16px">
            <a href="" class="text-inherit no-underline">京1CP者2021007705号-5</a>
          </p>
          <div class="flex items-center mr-16px">
            <img src="../assets/images/gh@2x.png" alt="" class="w-16px mr-5px -mt-2px" />
            <p class="m-0">京公网安路11010102007068</p>
          </div>
          <p class="m-0">人力资源服务许可证</p>
        </div>
      </div>
    </div>
  </footer>
</template>

<style lang="scss" scoped>
.about-btn {
  width: 105px;
  height: 34px;
  border-radius: 17px 17px 17px 17px;
  background: #373b3d;
  line-height: 34px;
  font-weight: 700;
  color: rgba(153, 153, 153, 0.8);
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: all ease 0.3s;
  &:hover {
    @apply text-white bg-#F5C60F;
  }
}
</style>
